<!DOCTYPE html>
<html lang="zh">

<head>
    <title></title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="/w3.css">
<body>
<div class="w3-container">
    <h3>边线</h3>
    <div class="w3-panel w3-border w3-border-blue w3-hover-border-red">
      <p>咱们来学学w3.css的边框吧。</p>
    </div>
    <div class="w3-panel w3-border-left w3-border-right w3-border-red w3-hover-border-yellow">
      <p>任天堂switch发卖了，但我预约不到，是因为我没有深夜去排队吗？</p>
    </div>
    <div class="w3-panel w3-border-top w3-border-bottom w3-border-green w3-hover-border-red">
      <p>塞尔达传说是我必入的游戏，不过在此之前要先买switch主机。</p>
    </div>
    <div class="w3-panel w3-border w3-round-xlarge w3-hover-border-red">
      <p>超级炸弹人R评价不高，但也没有其他游戏可玩了，只好买这个。</p>
    </div>

    <h3>边框</h3>
    <div class="w3-panel w3-leftbar">
      <p>最近准备开发个小游戏，请大家期待。</p>
    </div>
    <div class="w3-panel w3-leftbar w3-border-blue">
      <p>目前采用Unity开发游戏的公司很多，所以连任天堂switch主机也支持Unity了。</p>
    </div>
    <div class="w3-panel w3-rightbar w3-border-green w3-sand">
      <p>我是不是也作个Unity的教程呢？</p>
    </div>
    <div class="w3-panel w3-topbar w3-bottombar w3-border-red w3-pale-red">
      <p>现在开发游戏一定要考虑网络多人联机对战功能。</p>
    </div>
</div>
</body>

</html>